<template>
    <div>
        <div v-for="(item, index) of msgList" :key="index" class="item">
            <el-tag :type="item.type">{{item.typeMsg}}</el-tag>
            <div class="text">{{ item.content }}</div>
        </div>

    </div>
  
</template>
<script>
export default {
    name:"notice",
    data(){
        return {
            msgList:[{
                type:'success',
                typeMsg:"通知",
                content:'全体值班人员请注意，请加强对城区周边化工企业的监控'
            },{
                type:'danger',
                typeMsg:'消息',
                content:'有一条新的事件上报等待处理',
            }],
        };
    }

}
</script>

<style>
.text{
    font-size: 17px;
    margin-left: 20px;
}
.item{
    display: flex;
    margin-bottom: 10px;
}
</style>